<template>
  <el-pagination
    :page-sizes="[5, 10, 15, 20]"
    layout="total, sizes, prev, pager, next, jumper"
    :total="total"
    @size-change="$emit('update:pageSize', $event)"
    @current-change="$emit('update:currentPage', $event)"
  />
</template>

<script lang="ts" setup>
defineProps({
  total: { type: Number, default: 0 },
});

defineEmits(["update:pageSize", "update:currentPage"]);
</script>